<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>手术追踪</title>
    <include file="Common:header_include"/>
    <!--<link rel="stylesheet" type="text/css" href="../../../../../index.php">-->
    <!--&lt;!&ndash; Bootstrap &ndash;&gt;-->
    <!--<link href="../../../../../index.php" rel="stylesheet">-->
    <!--<link rel="stylesheet" href="../../../../../index.php"/>-->
    <!--<link rel="stylesheet" href="../../../../../index.php"/>-->
    <!--<link rel="stylesheet" href="../../../../../index.php"/>-->
    <!--&lt;!&ndash;[if lt IE 9]>-->
    <!--<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>-->
    <!--<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>-->
    <!--<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>-->
    <![endif]-->
    <style>
        #calendar {
            width: 100%
        }

        .clearfix {
            margin-bottom: 50px !important;
        }

        .btned {
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-transition: -webkit-transform .2s;
            -moz-transition: -moz-transform .2s;
            -ms-transition: -ms-transform .2s;
            -o-transition: -o-transform .2s;
            transition: transform .2s;
            width: 60px;
            height: 30px;
            border: 0px;
            display: block;
            float: left;
            margin-left: 6px;
        }

        .btned:hover {
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
        }

        .btned:ACTIVE {
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
        }

        #btn_submit {
            width: 100px;
            height: 30px;
            background: #fff;
            border: 2px solid #000;
            border-radius: 5px;
        }

        .headerBox {
            width: 30px;
            height: 30px;
            border: 1px solid #ddd;
            overflow: hidden;
            border-radius: 50%;
            display: inline-block;
            margin-top: 10px;
            margin-right: 10px;
        }

        #hylx, #chakan {
            width: 800px;
            height: 500px;
            border: 1px solid rgba(0, 0, 0, .2);
            border-radius: 6px;
            box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

        }

    </style>

</head>

<body>
<!--头部开始-->
<nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">欢迎来到易术网！</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="{;U('Doctor/login')}">退出</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">个人中心 <span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">个人信息</a></li>
                        <li class="divider"></li>
                        <li><a href="#">我的助手</a></li>
                        <li class="divider"></li>
                        <li><a href="#">消息</a></li>
                        <li class="divider"></li>
                        <li><a href="#">出诊信息</a></li>
                        <li class="divider"></li>
                        <li><a href="#">我的收藏</a></li>
                        <li class="divider"></li>
                        <li><a href="#">我的钱包</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a class="headerBox" href="#"></a></li>
            </ul>
        </div>
    </div>
</nav>
<div class="header_cont">
    <a href="javascript:;">
        <span class="logo"></span>
    </a>
</div>
<!--面包屑导航-->
<ol class="breadcrumb ">
    <li><span class="glyphicon glyphicon-home"></span> <a href="#">首页</a></li>
    <li class="active">“<volist name="list" id="data">{$data['patient'].name}</volist>”手术追踪</li>
</ol>
<!--头部结束-->
<!--主体开始-->
<div class="container">
    <!--患者信息开始-->
    <div class="archives mb">
        <volist name="list" id="data">
            <table class="table  table-bordered">

                <tr class="text-center">
                    <td rowspan="3">
                        <img style="width: 100px" src="../../../../../index.php" alt=""/>
                    </td>
                    <td class="info">姓名：</td>
                    <td>{$data['patient'].name}</td>
                    <td class="info">性别：</td>
                    <td><if condition="$data.gender eq 1">男<else />女</if></td>
                    <td class="info">年龄：</td>
                    <td>{$data['patient'].age}</td>
                </tr>
                <tr class="text-center">
                    <td class="info">血型：</td>
                    <td>{$data['blood'].title}</td>
                    <td class="info">状态：</td>
                    <td>{$data['status'].title}</td>
                    <td class="info"></td>
                    <td></td>
                </tr>
                <tr>
                    <td class="info text-center">初步诊断：</td>
                    <td colspan="5">
                        {$data['remark']}
                    </td>
                </tr>

            </table>
        </volist>
    </div>
    <!--患者信息结束-->
    <!--健康档案列表开始-->
              <!--  <?php
                if($_GET['state']==""){
                  $_GET['state']=1;
                }
                ?>-->
    <!--<ul class="nav nav-tabs" role="tablist" id="myTab">-->
        <!--<volist name="status" id="k">-->
            <!--<li role="presentation" <if condition="$k['id'] eq $_GET['state'] "> class="active"</if> >-->
            <!--<volist name="list" id="data">-->
                <!--<a href="{:U('Operation/showList',array('id'=>$data['patient_id'],'status_id'=>$k['status_id'],'state'=>$k['id']))}">{$k.title}-->
                <!--</a>-->
            <!--</volist>-->
            <!--</li>-->
        <!--</volist>-->
    <!--</ul>-->
<!--<div class="tab-content">-->
    <!--&lt;!&ndash;我要手术&ndash;&gt;-->
    <!--<div role="tabpanel" class="tab-pane active" id="one">-->
        <!--<p class="text-right">-->
            <!--<button type="button" class="btn btn-warning">添加化验类型</button>-->
        <!--</p>-->
            <!--<if condition="$_GET['status']==2">-->
                <!--<div role="tabpanel" class="tab-pane" id="two">-->
                    <!--<p class="">请设置可预约的手术时间！</p>-->
                    <!--&lt;!&ndash;日历开始&ndash;&gt;-->
                    <!--<div id="content-wrapper">-->
                        <!--<div class="inner clearfix">-->
                            <!--<div id='calendar'>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--&lt;!&ndash;日历结束&ndash;&gt;-->
                    <!--<div class="text-center">-->
                        <!--<button type="button" class="btn btn-success">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;提交&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button>-->
                        <!--<br/> <br/> <br/> <br/>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</else>-->
                <!--<table class="table table-hover table-bordered text-center">-->
                    <!--<thead>-->
                    <!--<tr style="background: #F8F8F8">-->
                        <!--<th class="text-center"><b>检测项目</b></th>-->
                        <!--<th class="text-center"><b>日期</b></th>-->
                        <!--<th class="text-center"><b>化验结果</b></th>-->
                        <!--<th class="text-center"><b>操作</b></th>-->
                    <!--</tr>-->
                    <!--</thead>-->
                    <!--<tbody>-->
                    <!--<volist name="row" id="data">-->
                        <!--<volist name="data" id="item">-->
                        <!--{$item['id']}-->
                            <!--<tr style="line-height: 52px">-->
                            <!--<if condition="$data['title']">-->
                            <!--<td class="set"><span href=""  data-toggle="modal">{$data.title}</span></td>-->
                            <!--<else/>-->
                            <!--<td class="set"><a href="" onclick="check()" data-toggle="modal">请选择化验类型</a></td>-->
                            <!--</if>-->
                            <!--<td>{:date('Y-m-d',$data['last_time'])}</td>-->
                            <!--<td class="jieguo">{$data.result}</td>-->
                            <!--<td><a class='btn-xs btn-success' data-toggle="modal" href="javascript:;"-->
                            <!--onclick="chakan()">查看</a></td>-->
                            <!--</tr>-->
                        <!--</volist>-->
                    <!--</volist>-->
                    <!--</tbody>-->
                <!--</table>-->
            <!--</if>-->
    <!--</div>-->
    <ul class="nav nav-tabs" role="tablist" id="myTab">
        <li role="presentation" class="active"><a href="#one" role="tab" data-toggle="tab">我要手术</a></li>
        <li role="presentation"><a href="#two" role="tab" data-toggle="tab">预约手术</a></li>
        <li role="presentation"><a href="#three" role="tab" data-toggle="tab">术前准备</a></li>
        <li role="presentation"><a href="#four" role="tab" data-toggle="tab">我在医院</a></li>
        <li role="presentation"><a href="#five" role="tab" data-toggle="tab">我出院了</a></li>
    </ul>
    <div class="tab-content">
        <!--我要手术-->
        <div role="tabpanel" class="tab-pane active" id="one">
            <p class="text-right">
                <button type="button" class="btn btn-warning">添加化验类型</button>
            </p>
            <table class="table table-hover table-bordered text-center">
                <thead>
                <tr style="background: #F8F8F8">
                    <th class="text-center"><b>检测项目</b></th>
                    <th class="text-center"><b>日期</b></th>
                    <th class="text-center"><b>化验结果</b></th>
                    <th class="text-center"><b>操作</b></th>
                </tr>
                </thead>
                <tbody>
                <volist name="row" id="data">
                <tr style="line-height: 52px">
                        <if condition="$data['title']">
                            <td class="set"><a href="" onclick="check()" data-toggle="modal">{$data.title}</a></td>
                                </else>
                            <td class="set"><a href="" onclick="check()" data-toggle="modal">请选择化验类型</a></td>
                        </if>
                        <td>{:date('Y-m-d',$data['last_time'])}</td>
                        <td class="jieguo">{$data['result']}</td>
                        <td><a class='btn-xs btn-success' data-toggle="modal" href="javascript:;"
                           onclick="chakan()">查看</a></td>
                </tr>
                </volist>
                </tbody>
            </table>
        </div>
        <!--预约手术-->
        <div role="tabpanel" class="tab-pane" id="two">
            <p class="">请设置可预约的手术时间！</p>
            <!--日历开始-->
            <div id="content-wrapper">
                <div class="inner clearfix">
                    <div id='calendar'>

                    </div>
                </div>
            </div>
            <!--日历结束-->
            <div class="text-center">
                <button type="button" class="btn btn-success">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;提交&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button>
                <br/> <br/> <br/> <br/>
            </div>
        </div>
        <!--术前准备-->
        <!--术前准备-->
        <div role="tabpanel" class="tab-pane" id="three">
            <p class="text-right">
                <button type="button" class="btn btn-warning">添加化验类型</button>
            </p>
            <table class="table table-hover table-bordered text-center">
                <thead>
                <tr style="background: #F8F8F8">
                    <th class="text-center"><b>检测项目</b></th>
                    <th class="text-center"><b>日期</b></th>
                    <th class="text-center"><b>化验结果</b></th>
                    <th class="text-center"><b>操作</b></th>
                </tr>
                </thead>
                <tbody>
                <tr style="line-height: 52px">
                    <td class="set"><a href="" onclick="check()" data-toggle="modal">请选择化验类型</a></td>
                    <td></td>
                    <td class="jieguo"></td>
                    <td><a class='btn-xs btn-success' data-toggle="modal" href="javascript:;"
                           onclick="chakan()">查看</a></td>
                </tr>
                <tr>
                    <td class="set"><a href="" onclick="check()" data-toggle="modal">请选择化验类型</a></td>
                    <td></td>
                    <td class="jieguo"></td>
                    <td><a class='btn-xs btn-success' data-toggle="modal" href="javascript:;"
                           onclick="chakan()">查看</a></td>
                </tr>
                </tbody>
            </table>
        </div>
        <!--我在医院-->
        <div role="tabpanel" class="tab-pane" id="four">
            <p class="text-right">
                <button type="button" class="btn btn-warning">添加化验类型</button>
            </p>
            <table class="table table-hover table-bordered text-center">
                <thead>
                <tr style="background: #F8F8F8">
                    <th class="text-center"><b>术后天数</b></th>
                    <th class="text-center"><b>检测项目</b></th>
                    <th class="text-center"><b>化验结果</b></th>
                    <th class="text-center"><b>操作</b></th>
                </tr>
                </thead>
                <tbody>
                <tr style="line-height: 37px">
                        <td>第一天</td>
                        <td><a href="" onclick="check()" data-toggle="modal">请选择化验类型</a></td>
                        <td></td>
                        <td><a class='btn-xs btn-success' data-toggle="modal" href="javascript:;"
                           onclick="chakan()">查看</a></td>
                </tr>
                </tbody>
            </table>
        </div>
        <!--我出院了-->
        <div role="tabpanel" class="tab-pane" id="five">
            <p class="text-right">
                <button type="button" class="btn btn-warning">添加化验类型</button>
            </p>
            <table class="table table-hover table-bordered text-center">
                <thead>
                <tr style="background: #F8F8F8">
                    <th class="text-center"><b>术后月份</b></th>
                    <th class="text-center"><b>检测项目</b></th>
                    <th class="text-center"><b>化验结果</b></th>
                    <th class="text-center"><b>操作</b></th>
                </tr>
                </thead>
                <tbody>
                <tr style="line-height: 37px">
                    <td>第一个月</td>
                    <td><a href="" onclick="check()" data-toggle="modal">请选择化验类型</a></td>
                    <td></td>
                    <td><a class='btn-xs btn-success' data-toggle="modal" href="javascript:;"
                           onclick="chakan()">查看</a></td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!--健康档案列表结束-->
<!--添加化验类型-->
<div class="modal" id="hylxModal">
    <div class="modal-dialog">
        <iframe id="hylx" frameborder="0">
        </iframe>
        <!--<p class="text-center" style="position: relative;top:-85px;left:120px;">-->
            <!--<a class="btn btn-danger" data-dismiss="modal">关闭</a>-->
        <!--</p>-->
    </div>
</div>
<!--查看化验结果-->
<div class="modal" id="chakanModal">
    <div class="modal-dialog">
        <iframe id="chakan" frameborder="0">
        </iframe>
        <p class="text-center" style="position: relative;top:-85px;left:120px;">
            <a class="btn btn-danger" data-dismiss="modal">关闭</a>
        </p>
    </div>
</div>
</div>
</div>

<!--主体结束-->
<!--尾部开始-->
<footer>
    <div class="footer_cont">
        <p>Copyright © 2008-2014 Change360.cn All Rights Reserved 西安创知信息科技有限公司</p>

        <p>地址：陕西省西安市高新区高新一路正信大厦A座204室</p>
    </div>
</footer>
<!--尾部结束-->

<script src="../../../../../index.php"></script>
<script src="../../../../../index.php"></script>
<script src="../../../../../index.php" charset="utf-8"></script>
<script type="text/javascript" src="../../../../../index.php"></script>
<script>
    var myCalendar = new SimpleCalendar('#calendar');

    $(document).on("click", "#one .text-right .btn", function () {
        $("#one table tbody").prepend(' <tr style="line-height: 37px"><td class="set"  style="border-right: 1px solid #dddddd"><a href="" onclick="check()" data-toggle="modal">请选择化验类型</a></td><td style="border-right: 1px solid #dddddd"></td><td class="jieguo"  style="border-right: 1px solid #dddddd"></td><td><a class="btn-xs btn-success" data-toggle="modal" href="javascript:;" onclick="chakan()">查看</a></td></tr>');
    });
    $(document).on("click", "#three .text-right .btn", function () {
        $("#three tbody").prepend(' <tr style="line-height: 37px"><td class="set"  style="border-right: 1px solid #dddddd"><a href="" onclick="check()" data-toggle="modal">请选择化验类型</a></td><td style="border-right: 1px solid #dddddd"></td><td class="jieguo"  style="border-right: 1px solid #dddddd"></td><td><a class="btn-xs btn-success" data-toggle="modal" href="javascript:;" onclick="chakan()">查看</a></td></tr>');
    });
    $(document).on("click", "#four .text-right .btn", function () {
        $("#four tbody").prepend(' <tr style="line-height: 37px"><td class="set"  style="border-right: 1px solid #dddddd"><input class="input" type="text" style="border: none;width: 100%;text-align: center" placeholder="请输入检查时间"/></td><td style="border-right: 1px solid #dddddd"><a href="" onclick="check()" data-toggle="modal">请选择化验类型</a></td><td class="jieguo"  style="border-right: 1px solid #dddddd"></td><td><a class="btn-xs btn-success" data-toggle="modal" href="javascript:;" onclick="chakan()">查看</a></td></tr>');
    });
    $(document).on("click", "#five .text-right .btn", function () {
        $("#five tbody").prepend(' <tr style="line-height: 37px"><td class="set"  style="border-right: 1px solid #dddddd"><input class="input" type="text" style="border: none;width: 100%;text-align: center" placeholder="请输入检查时间"/></td><td style="border-right: 1px solid #dddddd"><a href="" onclick="check()" data-toggle="modal">请选择化验类型</a></td><td class="jieguo"  style="border-right: 1px solid #dddddd"></td><td><a class="btn-xs btn-success" data-toggle="modal" href="javascript:;" onclick="chakan()">查看</a></td></tr>');
    });

    //设置input禁止修改
    $(".set_input .text-center .btn-success").click(function () {
        $(".input").attr("readonly", "readonly");
    });
</script>
<script>
    $(function () {
        $(".item-nolunar").css("background", "white");
        $(".item-nolunar").css("color", "#333");
        $(".item-nolunar").css("cursor", "pointer");
        $(".item-nolunar").click(function () {
            if(this.style.backgroundColor=='white'){
                this.style.backgroundColor='cyan';
            }else{
                this.style.backgroundColor='white';
            }
        });
        $(".sc-actions:last-child").html("<a href='javascript:;' class='dianji sc-return-today'>清除所有</a>");
        $(".dianji").click(function(){
            $(".item-nolunar").css("background", "white");
        })
    });
</script>

<script>
    $(function(){
        <!--实现点击只选中一个-->
//
        $("#list_box .tab-pane li a").click(function(){
            $(this).css("color","red");
            $(this).parents("li").siblings("li").children("a").css("color","#337AB7");
            $(".btn_confirm").click(function(){
                $("#my_surgery").modal("hide");
            });
//        });
        });


        <!--实现点击选中多个-->
        $("#listBox .tab-pane li a").click(function(){
            if(this.style.color=="red"){
                this.style.color="#337AB7";
            }else{
                this.style.color="red";
            }
        });
    });
</script>

<script>
    $(function(){
        $("#four td.set a").click(function(){
            var t=$(this);
            $(".btn_sure").click(function(){
                $("#myModal").modal("hide");
                if(t.innerHTML=="查看"){
                    t.html("请选择化验类型");
                }else{
                    t.html("查看");
                    t.click(function(){
                        t.attr("data-target","#laboratoryList");
                    });
                }
            });
        });

        $("#five td.set a").click(function(){
            var t=$(this);
            $(".btn_sure").click(function(){
                $("#myModal").modal("hide");
                if(t.innerHTML=="查看"){
                    t.html("请选择化验类型");
                }else{
                    t.html("查看");
                    t.click(function(){
                        t.attr("data-target","#laboratoryList");
                    });
                }
            });

        });
    });
</script>
<script>
    function check(id) {
        var frameSrc = "{:U('Operation/showHydList')}";
        $("#hylx").attr("src", frameSrc);
        $('#hylxModal').modal({show: true, backdrop: 'static'});
    }
    function chakan(id) {
        var frameSrc = "{:U('Operation/showAddLink')}";
        $("#chakan").attr("src", frameSrc);
        $('#chakanModal').modal({show: true, backdrop: 'static'});
    }

</script>
</body>
</html>